<template>
    <div>
        <h3 class="text-center">
            欢迎使用特能集团人才测评系统
        </h3>

        <div v-if="user_type < 1" class="container mt-15">
            <div class="row">
                <div class="col-3" v-for="item in items" :key="item.name">
                    <div class="card text-center" v-b-tooltip :title="'点击进入' + item.name">
                        <div class="card-header">
                            {{ item.name }}
                        </div>
                        <div class="card-body ">
                            <a :href="'/desktop.html#' + item.link"
                                class="btn  btn-outline-info btn-sm  color-lightBlue">
                                <i :class="'fa ' + item.icon + ' text-28'"></i>
                            </a>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>


</template>
<script>
import { useLoginStore } from '../../store';
import "bootstrap/dist/css/bootstrap.css"
export default {
    name: "Home",
    data() {
        return {
            user_type: 1,
            items: [
                {
                    name: "项目管理",
                    link: "/eva-project/pager",
                    icon: "fa-address-card",
                    color: 'red',
                },
                {
                    name: "评价表管理",
                    link: "/ru-form/pager",
                    icon: "fa-table",
                    color: 'blue',
                },
                {
                    name: "评价结果管理",
                    link: "/eva-project/result?is_test=false",
                    icon: "fa-file-excel-o",
                    color: 'yellow'
                },
                {
                    name: "测评单位管理",
                    link: "/object-group/pager",
                    icon: "fa-building",
                    color: "green"
                }
            ]
        }
    },
    mounted() {
        const store = useLoginStore();
        this.user_type = store.user_type;
    }
}
</script>